<style>
  .handleState {
    min-height: 300px;
    line-height: 300px;
    color: #43CAD7;
    text-align: center;
  }
</style>
<template>
  <div>
    <Dialog
      ref="modalFrame"
      width="910px"
      :title="tableData.length ? '地址更改历史记录' : '暂无历史更改记录'"
      titleText="center"
      :footerBorder="true"
      :visible.sync="innerVisible"
    >
      <table class="table show-table table-align-middle">
        <tbody>
        <tr>
          <th width="50">序号</th>
          <th width="200">提交对象</th>
          <th width="200">提交账号</th>
          <th width="200">提交时间</th>
          <th width="200">地址更改记录</th>
        </tr>
        <tr v-for="(item, index) in tableData" :key="index">
          <td>{{index + 1}}</td>
          <td>{{item.founderName}}</td>
          <td>{{item.founderPhone}}</td>
          <td>{{item.foundtime  | unixTimestampFilter}}</td>
          <td>{{item.deliveryAddress}}</td>
        </tr>
        </tbody>
      </table>
    </Dialog>
  </div>
</template>

<script>
import {unixTimestampFilter} from '@/filters'
export default {
  name: 'addressRecord',
  components: {
  },
  props: {
    id: {
      type: [String, Boolean],
      default: false
    }
  },
  filters: {
    unixTimestampFilter
  },
  data() {
    return {
      tableData: [],
      innerVisible: false,
      vueIf: false
    }
  },
  created() {},
  methods: {
    show() {
      this.vueIf = false
      this.$nextTick(_ => {
        this.vueIf = true
        this.getData()
        this.innerVisible = true
      })
    },
    hide() {
      this.innerVisible = false
    },
    getData() {
      this.tableData = []
      this.$ajax.get('/ms-fahuobao-order/fhbDeliveryAddress/findPickupInfoBack', {fhbOrderId: this.id}).then(response => {
        this.tableData = response.data
      })
    }
  }
}
</script>
